:root {
    --primary-base: #1c79f4;
    --warning-base: #f8782d;
    --success-base: #28d05a;
    --error-base: #e9463a;
    --cyan-base: #21c2e1;
    --violet-base: #975eff;
    --yellow-base: #f4cc1c;
    --title: #1c2a39;
    --font-s: #657685;
    --font-r: #445160;
    --placeholder: #c5cdd6;
    --split: #e9ebee;
    --bg: #F5F6F9;
    --bg-card: #fff;
    --bg-base: #f4f8fb;
    --block: #fff;
    --dhd-bottom: #fff;
    --dhd-bottom-light: #fff;
    --primary-1: #e8f6ff;
    --primary-2: #bfe3ff;
    --primary-3: #96ceff;
    --primary-4: #6eb6ff;
    --primary-5: #459cff;
    --primary-6: #1c79f4;
    --primary-7: #0c5acf;
    --primary-8: #023fa8;
    --primary-9: #002b82;
    --primary-10: #001c5c;
    --warning-1: #fff8f0;
    --warning-2: #ffe8d1;
    --warning-3: #ffd1a8;
    --warning-4: #ffb780;
    --warning-5: #ff9a57;
    --warning-6: #f8782d;
    --warning-7: #d1581b;
    --warning-8: #ab3d0e;
    --warning-9: #852604;
    --warning-10: #5e1702;
    --success-1: #f0fff2;
    --success-2: #d4ffdb;
    --success-3: #a6f7b6;
    --success-4: #78eb92;
    --success-5: #4ede74;
    --success-6: #28d05a;
    --success-7: #18ab49;
    --success-8: #0c8538;
    --success-9: #045e28;
    --success-10: #023819;
    --error-1: #fff3f0;
    --error-2: #ffe9e3;
    --error-3: #ffc6ba;
    --error-4: #ffa091;
    --error-5: #f57364;
    --error-6: #e9463a;
    --error-7: #c22c27;
    --error-8: #9c1717;
    --error-9: #750c0f;
    --error-10: #4f070c;
    --cyan-1: azure;
    --cyan-2: #c9fdff;
    --cyan-3: #a1f9ff;
    --cyan-4: #75edfa;
    --cyan-5: #4ad7ed;
    --cyan-6: #21c2e1;
    --cyan-7: #1399ba;
    --cyan-8: #077394;
    --cyan-9: #00506e;
    --cyan-10: #003247;
    --violet-1: #f8f0ff;
    --violet-2: #f7f0ff;
    --violet-3: #ead9ff;
    --violet-4: #d1b0ff;
    --violet-5: #b587ff;
    --violet-6: #975eff;
    --violet-7: #7445d9;
    --violet-8: #5530b3;
    --violet-9: #3a1f8c;
    --violet-10: #271566;
    --yellow-1: #ffffe8;
    --yellow-2: #fffcbf;
    --yellow-3: #fff696;
    --yellow-4: #ffee6e;
    --yellow-5: #ffe345;
    --yellow-6: #f4cc1c;
    --yellow-7: #cfa40c;
    --yellow-8: #a87f02;
    --yellow-9: #825d00;
    --yellow-10: #5c3f00;
    --border-radius: 4px;
    --border-radius-base: 8px;
    --border-radius-cardbox: 4px;
    --border-radius-modulebox: 4px;
    --border-radius-window: 20px;
    --font-size-data: 32px;
    --font-size-page-title: 20px;
    --font-size-icon: 20px;
    --font-size-title-big: 18px;
    --font-size-title-little-big: 17px;
    --font-size-base: 16px;
    --font-size-title-small: 14px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 700;
    --font-size-height-base: 1.5715;
    --line-height-page-title: 28px;
    --line-height: 20px;
    --shadow-1-up: 0 -3px 6px 0 rgba(0,0,0,0.12);
    --shadow-1-down: 0 3px 6px 0 rgba(0,0,0,0.12);
    --shadow-1-left: -3px 0 6px 0 rgba(0,0,0,0.12);
    --shadow-1-right: 3px 0 6px 0 rgba(0,0,0,0.12);
    --shadow-2-up: 0 -6px 15px 0 rgba(0,0,0,0.08);
    --shadow-2-down: 0 6px 15px 0 rgba(0,0,0,0.08);
    --shadow-2-left: -6px 0 15px 0 rgba(0,0,0,0.08);
    --shadow-2-right: 6px 0 15px 0 rgba(0,0,0,0.08);
    --shadow-3-up: 0 -9px 32px 0 rgba(0,0,0,0.05);
    --shadow-3-down: 0 9px 32px 0 rgba(0,0,0,0.05);
    --shadow-3-left: -9px 0 32px 0 rgba(0,0,0,0.05);
    --shadow-3-right: 9px 0 32px 0 rgba(0,0,0,0.05);
    --spacing-frame-around: 16px;
    --spacing-modular-form: 16px;
    --spacing-modular-details: 24px;
    --spacing-modular-popup: 24px 24px 32px 24px;
    --spacing-atom-broadwise-button: 12px;
    --spacing-atom-broadwise-input: 12px;
    --spacing-atom-endwise-criteria: 12px;
    --spacing-atom-endwise-input: 16px;
    --spacing-atom-endwise-title: 16px;
    --spacing-atom-endwise-paragraph: 24px;
}